﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Main_Wap.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Import Namespace="tophd2.Models.Entity" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    DetailVideo
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <% var video = (Video)ViewData["DetailVideo"];
       var hotVideo = (List<HotItem>)ViewData["hotVideo"]; %>
    <div id="topSld">
        <div class="sldImg">
            <div>
                <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none"
                    width="100%" height="400" poster="http://vipmobi.net:7001/mobile/download?v=1&w=150&h=150&id=<%=video.Icon%>"
                    data-setup="{}">
                <source src="<%=video.Url%>" type='video/mp4' />
 
                </video>
                <span style="display: none;" onclick="javascript:vidplay();">&gt;&gt;</span>
                <%--<script type="text/javascript">
                    $(document).ready(function () {
                        var h23 = ($(window).width() * 552) / 984;
                        $(".video123").attr("width", $(window).width()).attr("height", h23);
                        var video = document.getElementById("video123"); //var button = document.getElementById("play");    //if (video.paused) {
                        video.play();
                    });
                    $(window).resize(function () {
                        var h23 = ($(window).width() * 552) / 984;
                        $(".video123").attr("width", $(window).width()).attr("height", h23);
                    });
                </script>--%>
            </div>
        </div>
    </div>
    <div class="dt">
        <div class="f">
            <div class="f1 clearfix">
                <div class="l">
                    <img src="http://vipmobi.net:7001/mobile/download?v=1&w=250&id=<%= video.Icon %>"
                        alt="<%=video.Name %>"></div>
                <div class="r">
                    <p>
                        <span class="title"><%=video.Name %></span></p>
                    
                    <p>
                        <span class="title">Thời lượng: </span><span>0 phút</span></p>
                    <p>
                        <span class="title">Lượt xem: </span><span>1,613</span></p>
                   
                    <p>
                        <span class="title">Thể loại: </span><span>Hành động, Giả Tưởng</span></p>
                    <div>
                        <span class="title">Tóm tắt: </span><span><span id="lblDes" class="mb12 justify" style="font size: 13px; line height: 20px;"><%=video.Description %></span></span></div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="metaheader" runat="server">
    <script src="/App_Themes/Theme.Wap/JS/video.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/App_Themes/Theme.Wap/CSS/video-js.css" />
</asp:Content>
